<template>
  <div class="v-container">
    <v-header title="洗车服务">
      <span class="back" @click="goBack">
        <i class="el-icon-arrow-left"></i>返回
      </span>
    </v-header>
    <div class="v-main">
      
        <div class="qiangBox">
            <div class="qiangContent">
                <img src="@/assets/images/xcfw_banner_cq.png" width="100%">
                <!-- <div class="remainNum">本周剩余名额：<span id="remainNum">{{quotaNum}}</span>
                    <p>*由于在线抢购客户较多，剩余名额仅供参考，请尽快参与</p>
                </div> -->
                <div class="rules-title">
                    <img src="@/assets/images/bt_hdgz.png" alt="活动规则">
                </div>
                <ul>
                    <li>即日起至2019年2月28日，重庆地区平安银行信用卡客户在线支付，可享8.8元购盛大洗车券1张， 每人每周限享1次。</li>
                    <li>温馨提示：</li>
                    <li class="rule">客户须以除金通卡、花漾卡、烟草采购卡以外的平安信用卡在线支付方可享受优惠（一账通系列卡需使用信用账户消费）。</li>
                    <li class="rule">洗车券自购买之日起30天内有效，活动期间每周1000张，每卡每周限1次，每卡每月限2次，先到先得。</li>
                    <li class="rule">每张洗车券可享受普通洗车服务1次（限七座及以下车型），限重庆地区盛大洗车服务网点门店使用。具体接券门店以活动介绍页“网点查询”为准。</li>
                    <li class="rule">如有任何疑问，可拨打盛大洗车客服电话：<a href="tel:4008801768">400-880-1768转3</a>咨询。</li>
                </ul>
                <div class="rules-title">
                    <img src="@/assets/images/bt_sysm.png" alt="使用说明">
                </div>
                <img class="xcsm-qiang" src="@/assets/images/sysm-qiang.png" width="100%" alt="使用说明">
            </div>
        </div>

      <div class="logout" v-if="show_btn==true">
        <mt-button  v-bind:style="{ backgroundColor: btnColor }" class="my-button hot-button round" @click="qiangBtn">立即抢购</mt-button>
      </div>
    </div>
  </div>
  
</template>


<script>
import vHeader from '@/components/Header.vue';
import { Resource } from '@/services/resource';
import Cookies from 'js-cookie';
import { staticPath } from '@/env';
import { MessageBox } from 'mint-ui';

export default {
  name: 'qiang',
  components: {
    vHeader
  },
  data() {
    return {
      userInfo: {
        telphone: '',
        userName: ''
      },
      select_data:"1",//选择支付方式
      frontUP:"",
      show_btn:true,//是否显示按钮
      quotaNum:'',//剩余名额
      btnColor:"#f37938"
    };
  },
  mounted() {
    // this.getUserInfo();

  },
  methods: {
    // 返回上一页
    goBack() {
      this.$router.go(-1);
      // this.GetQuotaNum();
    },
    // 获取用户信息
    getUserInfo() {
       
      Resource.getUserInfo.post({}, {}).then(res => {
        let { telphone, userName } = res.user;
        Object.assign(this.userInfo, { telphone, userName });
      });
    },
    //获取剩余名额
    GetQuotaNum(){
         var that =this;
        Resource.orderQiang.post({}, {}).then(res => {
            console.log(res);
            if (res.resultCode == "SUCCESS") {
                // $("#remainNum").html(res.remnant);
                
                if (res.remnant > 0) {
                    that.quotaNum=res.remnant;
                    that.btnColor="#f37938";
                    
                } else {
                    that.quotaNum="0";
                    that.btnColor="#9C9C9C";
                }
            }

        });
    },
    // 立即支付
    qiangBtn() {
      var that=this;
      //  var _num=this.quotaNum;
      //   //     $.post('validate-rule.jhtm', {}, function(data) {
      //   //         if (data.resultCode == 'SUCCESS') {
      //   //             window.location.href = 'pay.jhtm?time=' + new Date().getTime();
      //   //         } else {
      //   //             $.MsgBox.Alert(data.resultDesc);
      //   //         }
      //   //     },'json');
      // if(_num>0){
        that.pageTo("pay")
      // }
    },
    // 跳转页面
    pageTo(name) {
      console.log(name);
      this.$router.push(name);
    }
  }

};
</script>

<style lang="less" scoped>
@import url('./activity.less');
</style>
